.header
  position fixed
  top 0
  right 0
  left 0
  z-index 10
  width 100%
  min-height 50px
  font-size 1.8px
  line-height 50px
  background-color #03a9f4
  color #ffffff
  text-align center
  display table
  box-shadow 0 1px 0 rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .1)
  transition all .3s ease
  &.show
    transform translateX(200px)
  .title
    min-height 50px
    position absolute
    margin 0
    text-align center
    white-space nowrap
    right 100px
    left 100px
    font-size 16px
    width auto
    overflow hidden
    text-overflow ellipsis
    z-index 2
    font-weight 500
  .pull-left
    padding 0 10px
    font-size 16px
    font-weight 400
    z-index 2
    -webkit-box-sizing border-box
    box-sizing border-box
    display -webkit-box
    display -webkit-flex
    display flex
    -webkit-align-items center
    align-items center
    float left !important
    .iconfont
      font-size 18px
  .pull-right
    padding 0 10px
    font-size 16px
    font-weight 400
    z-index 2
    -webkit-box-sizing border-box
    box-sizing border-box
    display -webkit-box
    display -webkit-flex
    display flex
    -webkit-align-items center
    align-items center
    float right !important
    .iconfont
      font-size 18px
//h1
//  position relative
//  font-family "Helvetica Neue", "Helvetica", sans-serif
//  font-size 1rem
//  margin 0
//  padding 0
//  line-height 44px
//  text-align center
//  z-index 2
//  font-weight 300
//  box-shadow inset 0 -1px 0 rgba(255, 255, 255, .25)
